<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>合作-品牌列表</title>
		<meta name="description" content=""/>
		<meta name="keywords" content=""/>
		<link rel="stylesheet" type="text/css" href="../css/common/common.css"/>
		<link rel="stylesheet" type="text/css" href="../css/HZ-fabuhezuoxinxi.css"/>
		<link rel="stylesheet" type="text/css" href="../css/icon/iconfont.css"/>
		<link rel="stylesheet" type="text/css" href="../css/swiper-4.3.3.min.css"/>
	</head>
	<body>
		<div class="web">
			<!--头部-->
			<header>
				<div class="nav clear_fix">
					<div class="nav-lt">
						<a href="index.html"><img src="../img/logo.png" alt="" /></a>
					</div>
					<div class="nav-rt">
						<div class="nav-one clear_fix">
							<ul class="nav-one1">
								<li><a href="#">登录</a></li>
								<li><a href="#">退出</a></li>
							</ul>
							<div class="nav-one2">
								<i class="iconfont icon-icon--3 p1"></i>
								<i class="iconfont icon-pingjia p2"></i>
								<i class="iconfont icon-shezhi p3"></i>
								<i class="iconfont icon-sousuo p4"></i>
							</div>
						</div>
						<div class="nav-two">
							<ul>
<<<<<<< HEAD
								<li><a href="hg-nieye.html">首页</a></li>
								<li><a href="HZ-pinpai-list.html">推荐</a></li>
								<li><a href="HZ-xiangmu-list.html">活动</a></li>
								<li><a href="HZ-fabuhezuoxinxi.html">交友</a></li>
								<li><a href="collect-bk.html">求职</a></li>
=======
								<li><a href="">首页</a></li>
								<li><a href="">推荐</a></li>
								<li><a href="">活动</a></li>
								<li><a href="">交友</a></li>
								<li><a href="">求职</a></li>
>>>>>>> 9cb409619daddf08b1829963265573725ca04078
								<li><a href="">合作</a></li>
								<li><a href="">政策</a></li>
							</ul>
						</div>
					</div>
				</div>
			</header>
			
			<section>
				<div class="top2">
					<div class="top2_left clearfix">
						<div class="left_img">
							<img src="../img/home-1.png"/>
						</div>
						<div class="left_personal">
							<p class="personal_a">
								Christina
								<span>M</span>
							</p>
							<p class="personal_b">个性签名：天才也是练出来！</p>
							<p class="personal_b">UK | 广州   金融分析师</p>
							<p class="personal_c">华夏海归个人认证
							<img src="../img/home-9.png"/></p>
						</div>
						<div style="clear: both;"></div>
						<div class="fan_left">
							<span>关注</span>
							<span>230</span>
						</div>
						<div class="fan_right">
							<span>粉丝</span>
							<span>155</span>
						</div>
						<ul class="left_icon clearfix">
							<li><a href=""><i class="iconfont icon-qq" ></i></a></li>
							<li><a href=""><i class="iconfont icon-icoweibo"></i></a></li>
							<li><a href=""><i class="iconfont icon-pingjia"></a></i></li>
						</ul>
					</div>
					<img src="../img/home-2.png"/>
				</div>
				<div class="top3_nav">
					<div class="liebiao clearfix">
						<ul>
							<li><a href="">我的主页</a></li>
							<li><a href="">博客</a></li>
							<li><a href="">微博</a></li>
							<li><a href="">相册</a></li>
							<li><a href="">关注/粉丝</a></li>
							<li><a href="">工作/合作</a></li>
							<li><a href="">活动</a></li>
							<li><a href="">设置</a></li>
						</ul>
					</div>
					<div class="search">
						<input type="text" name="" id="" value="" placeholder="搜索他的相关" />
						<input type="image" src="../img/serch.png" />
					</div>
				</div>
				<!--轮播图-->
				<div class="New_rec">
					<h2>最新推荐</h2>
					<!-- Swiper -->
					   <style type="text/css">
					   	.swiper-slide{
					   		width: 0px;
					   		margin: 0;
					   	}
					   </style>
					    <div class="swiper-container">
					        <div class="swiper-wrapper">
					            <div class="swiper-slide"><img src="../img/home-3.png" alt="" /><br /><a href="">Andy <img src="../img/home-9.png" alt="" /></a></div>
					            <div class="swiper-slide"><img src="../img/home-4.png" alt="" /><br /><a href="">张玉 <img src="../img/home-9.png" alt="" /></a></div>
					            <div class="swiper-slide"><img src="../img/home-5.png" alt="" /><br /><a href="">Romdy <img src="../img/home-9.png" alt="" /></a></div>
					            <div class="swiper-slide"><img src="../img/home-6.png" alt="" /><br /><a href="">张伟视觉 <img src="../img/home-9.png" alt="" /></a></div>
					            <div class="swiper-slide"><img src="../img/home-7.png" alt="" /><br /><a href="">孙见民 <img src="../img/home-9.png" alt="" /></a></div>
					            <div class="swiper-slide"><img src="../img/home-8.png" alt="" /><br /><a href="">一冰 <img src="../img/home-9.png" alt="" /></a></div>
					            <div class="swiper-slide"><img src="../img/home-3.png" alt="" /><br /><a href="">Andy <img src="../img/home-9.png" alt="" /></a></div>
					            <div class="swiper-slide"><img src="../img/home-4.png" alt="" /><br /><a href="">张玉 <img src="../img/home-9.png" alt="" /></a></div>
					            <div class="swiper-slide"><img src="../img/home-5.png" alt="" /><br /><a href="">Romdy <img src="../img/home-9.png" alt="" /></a></div>
					            <div class="swiper-slide"><img src="../img/home-6.png" alt="" /><br /><a href="">Andy <img src="../img/home-9.png" alt="" /></a></div>
					        </div>
					        <!-- Add Pagination -->
					        <div class="swiper-pagination"></div>
					    </div>
					    	<!-- Swiper JS -->
						    <script src="../js/swiper-4.3.3.min.js"></script>
						
						    <!-- Initialize Swiper -->
						    <script>
						    var swiper = new Swiper('.swiper-container', {
						    	autoplay: {
								    delay: 1500,//1秒切换一次
								  },
						        pagination: '.swiper-pagination',
						        slidesPerView:6,
						        paginationClickable: true,
						        spaceBetween: 15,
						        loop:true
						    });
						    </script>
				</div>
			</section>
			
			<!--内容-->
			<section>
				<div class="details clear_fix">
					<div class="details_left">
						<!--左侧-->
						<div class="HZ">
							<ul>
								<li>
									<a href="">发布的合作</a>
								</li>
								<li>
									<a href="">加入的合作</a>
								</li>
								<li>
									<a href="">收藏的合作</a>
								</li>
							</ul>
						</div>
						
						<!--新人推荐-->
						<div class="newpeople">
							<div class="headline_top">
								<h2>新人推荐</h2>
							</div>
							<div class="headline_center">
								<ul>
									<li>
										<a href="">
											<img src="../img/home-19.png"/>
											<p>阿卡西</p>
										</a>
									</li>
									<li>
										<a href="">
											<img src="../img/home-20.png"/>
											<p>吴靓</p>
										</a>
									</li>
									<li>
										<a href="">
											<img src="../img/home-21.png"/>
											<p>北尺</p>
										</a>
									</li>
									<li>
										<a href="">
											<img src="../img/home-22.png"/>
											<p>吴嘉琪</p>
										</a>
									</li>
									<li>
										<a href="">
											<img src="../img/home-23.png"/>
											<p>阿力</p>
										</a>
									</li>
									<li>
										<a href="">
											<img src="../img/home-24.png"/>
											<p>Orson we</p>
										</a>
									</li>
									<li>
										<a href="">
											<img src="../img/home-25.png"/>
											<p>杨灵倩</p>
										</a>
									</li>
									<li>
										<a href="">
											<img src="../img/home-26.png"/>
											<p>李莉</p>
										</a>
									</li>
								</ul>
										
							</div>
							<div class="headline_bottom">
								<h2><a href="">......&nbsp;更多</a></h2>
							</div>
						</div>
						
						<!--最近访客-->
						<div class="recentvisitors">
							<div class="headline_top">
								<h2>最近访客</h2>
							</div>
							<div class="headline_center">
								<div class="visitors">
									<div class="photo_2">
										<img src="../img/home-27.png"/>
									</div>
									<div class="time">
										<p><a href="">彭芳</a> <br/>今天</p>
									</div>
									<div class="clear"></div>
								</div>
								
								<div class="visitors">
									<div class="photo_2">
										<img src="../img/home-27.png"/>
									</div>
									<div class="time">
										<p><a href="">彭芳</a> <br/>一天前</p>
									</div>
									<div class="clear"></div>
								</div>
								
								<div class="visitors">
									<div class="photo_2">
										<img src="../img/home-27.png"/>
									</div>
									<div class="time">
										<p><a href="">彭芳</a> <br/>一个月前</p>
									</div>
									<div class="clear"></div>
								</div>
								
								<div class="visitors">
									<div class="photo_2">
										<img src="../img/home-27.png"/>
									</div>
									<div class="time">
										<p><a href="">彭芳</a> <br/>2013年1月14日</p>
									</div>
									<div class="clear"></div>
								</div>
								
								<div class="visitors">
									<div class="photo_2">
										<img src="../img/home-27.png"/>
									</div>
									<div class="time">
										<p><a href="">彭芳</a> <br/>2013年1月14日</p>
									</div>
									<div class="clear"></div>
								</div>
							</div>
							<div class="headline_bottom">
								<h2><a href="">......&nbsp;更多</a></h2>
							</div>
							<div class="browse">
								<div class="liulan">
									<p><a href="">今日浏览</a></p>
									<p><a href="">12</a></p>
								</div>
								
								<div class="liulan">
									<p><a href="">总浏览</a></p>
									<p><a href="">1024</a></p>
								</div>
								<div class="clear"></div>
							</div>
						</div>	
					</div>
					<!--发布合作-->
					<div class="Jactivity">
						<div class="fabuxinxi">
						发布合作信息
						</div>
			<div class="step">
				<div class="s_left">
					1.填写相关信息
				</div>
				<div class="sanjiao">
 				</div> 
 							
				<div class="s_right">
					2.等待验证结果
				</div>
				<div class="sanjiao_w">
 				</div>	
			</div>
			<div class="table">
				<form action="" method="post">
					<table border="0" cellspacing="0" >
						<tr>
							<td>合作类型：</td>
							<td>
								<select>
									<option value="">品牌合作</option>
								</select>
							</td>
						</tr>
						<tr>
							<td>合作类型：</td>
							<td>
								<select>
									<option value="">服装</option>
								</select>
							</td>
						</tr>
						<tr>
							<td style="vertical-align: top;">合作内容：</td>
							<td style="width: 90%;">
								<textarea style="width: 90%;height: 206px;
							resize: none;outline: none;"></textarea>
							</td>
						</tr>
						<tr>
							<td>关键词：</td>
							<td>
								<input type="text" placeholder="多个关键词用空格隔开" />
							</td>
						</tr>
						<tr>
							<td>合作要点：</td>
							<td>
								<input type="text" /><br />

							</td>
						</tr>
						<tr >
							<td></td>
							<td>
								<a href=""><i class="iconfont icon-jia" style="color: #0dafd2;font-size: 14px;"></i></a>
								<span><a href="">添加更多合作要点</a></span>
							</td>
						</tr>
						<tr>
							<td>合作图片：</td>
							<td>
								<form action="" method="post" enctype="multipart/form-data">
									<input type="text" style="width: 354px;height: 30px;" placeholder="项目图片" />
								 	<input type='button' class='btn' value='上传' />
 									<input type="file" name="" class="file"  />									
								</form>
								
							</td>
						</tr>
						<tr >
							<td></td>
							<td>
								<a href=""><i class="iconfont icon-jia" style="color: #0dafd2;font-size: 14px;"></i></a>
								<span><a href="">添加更多合作图片</a></span>
							</td>
						</tr>
						<tr>
							<td>证明材料：</td>
							<td>
								<input type="text" style="width: 354px;height: 30px;" placeholder="文字材料或图片材料" />
								<input type='button' class='btn' value='上传' />
 								<input type="file" name="" class="file"  />
							</td>
						</tr>
						<tr >
							<td></td>
							<td>
								<a href=""><i class="iconfont icon-jia" style="color: #0dafd2;font-size: 14px;"></i></a>
								<span><a href="">添加更多证明材料</a></span>
							</td>
						</tr>
						<tr>
							<td>联系手机：</td>
							<td>13486452589 &nbsp;
								<a href="">修改</a>
							</td>
						</tr>
						<tr>
							<td colspan="2">								
								<input type="submit" value="提交申请" 
								/>																								
							</td>
						</tr>
					</table>
				</form>
			</div>
					</div>
				</div>
			</section>
			
							<!--底部-->
		<div class="foot">
			<div class="foot1">
			<div class="foot2">
				<ul>
					<li><a href="">关于联盟</a></li>
					<li><a href="">加入联盟</a></li>
					<li><a href="">联盟事件</a></li>
					<li><a href="">防骗联盟</a></li>
					<li><a href="">合作链接</a></li>
				</ul>
			</div>
			<div class="foot3">
				<div class="left">
				<ul>
					<li><a href="">与联盟保持联系</a></li>
					<li><a href=""><img src="../img/foot-2.png"/></a></li>
					<li><a href="">更多信息<span>▶</span></a><div class="nei"><a href="">信息1</a><a href="">信息2</a></div></li>
					<li><a href="">公益合作<span>▶</span></a><div class="nei"><a href="">公益1</a><a href="">公益2</a><a href="">公益3</a></div></li>
					<li><a href="">商业合作与风险投资</a></li>
				</ul>
				</div>
				<div class="right">
					<ul>
						<li><a class="a" href="">帮助<span>▼</span></a><p><a href="">BGG</a></p><p><a href="">Mole</a></p></li>
						<li><img src="../img/foot-1.png"/></li>
						<li><a class="a" href="">语言<span>▼</span></a><p><a href="">English</a></p><p><a href="">简体中文</a></p><p><a href="">日本の语</a></p></li>
						<li><i class="iconfont icon-f re"></i>
							<i  class="iconfont icon-t re"></i>
						</li>
					</ul>
				</div>
			</div>
			<div class="big">
			<div class="logo"><img src="../img/foot-logo.png"/></div>
			<div class="zho"><img src="../img/foot-3.png"/></div>
			<div class="ce">
				<h1>您的位置</h1>
				<p><a href="">华夏海归</a><span>></span><a href="">首页</a></p>
				<div class="p"><p>本网站所有图片均由Getty images公司授权发布,侵权必究,京ICP备06049229号</p></div>
			</div>
			</div>
			</div>
		</div>
		</div>
		
	</body>
</html>
